<!-- imports -->
<%@page import="www.worq.controller.beans.encargado_oficinaBean"%>
<%@page import="www.worq.controller.beans.oficinaBean"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page language="java"%>
<%@page import="java.util.ArrayList"%>
<%
	ArrayList<oficinaBean> catoficinas = (ArrayList) request
			.getAttribute("cat_oficinas");
	ArrayList<encargado_oficinaBean> encargados = (ArrayList) request
			.getAttribute("encargados");
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--IMPORTANTO ESTILOS-->
<link rel="stylesheet" href="CSS/home.css" type="text/css" />
<!--IMPORTANTO JS-->
<SCRIPT type=text/javascript src="JS/login.js"></SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OREQ</title>
</head>
<body>
	<!-- Menu -->
	<div id="menu"><%@ include file='menu.jsp'%>
		<div id="navcontainer">
			<ul id="navlist">
				<li><a href='javascript:;'
					onclick="document.getElementById('home').submit();"> <img
						title="Home" alt="Home" src="IMG/MENU/home.png" width="60px"
						height="60px">
				</a></li>
				<li><a href='javascript:;'
					onclick="document.getElementById('nosotros').submit();"><img
						title="Nosotros" alt="Nosotros" src="IMG/MENU/nosotros.png"
						width="70px" height="70px"></a></li>
				<li><a href='javascript:;'
					onclick="document.getElementById('tramites').submit();"><img
						title="Tramites" alt="Tramites" src="IMG/MENU/tramites.png"
						width="60px" height="60px"></a></li>
				<li><a href='javascript:;'
					onclick="document.getElementById('ayuda').submit();"><img
						title="Soporte" alt="Ayuda" src="IMG/MENU/ayuda.png" width="60px"
						height="60px"></a></li>
				<li><a href='javascript:;'
					onclick="document.getElementById('busqueda').submit();"><img
						title="Busqueda" alt="Home" src="IMG/MENU/busqueda.png"
						width="60px" height="60px"> </a></li>
				<li id="activo"><a href='javascript:;'
					onclick="document.getElementById('contacto').submit();"><img
						title="Contacto" alt="Home" src="IMG/MENU/coment.png" width="60px"
						height="60px"> </a></li>
				<li><a href='javascript:;'
					onclick="document.getElementById('login').submit();"><img
						title="Login" alt="Home" src="IMG/MENU/user.png" width="70px"
						height="60px"></a></li>
			</ul>
			<center>
				<small>Copyright © 2014 OREQ Designed by TIC SOLUTIONS</small>
			</center>
		</div>
	</div>
	<!-- Body -->
	<div id="contenedor">
		<!-- header -->
		<div id="header">
			<img alt="Home" src="IMG/BANNERS/banner6.png" width="900px"
				height="200px">
		</div>
		<table id="tableContent">
			<tr>
				<td width="500px" style="vertical-align: top;">
					<table id="customers" width="500px">
						<%
							for (oficinaBean bean : catoficinas) {
						%>
						<tr class='alt'>
							<th><a href="javascript:;"
								onClick="ocultar_mostrar('<%=bean.getId_oficina()%>');"><%=bean.getNombre()%></a>
							</th>
						</tr>
						<tr>
							<td>
								<div id="<%=bean.getId_oficina()%>" style="display: none;"
									width="500px">
									<%=bean.getDireccion()%><br>
									<%=bean.getEmail()%><br>
									<%=bean.getHorarios()%><br>
									<%
										for (encargado_oficinaBean encargado : encargados) {
												if (encargado.getId_oficina() == bean.getId_oficina()) {
									%>
									<h3>Encargado de Area</h3>
									<%=encargado.getNombre()%><br>
									<%=encargado.getDemarcacion()%><br>
									<%=encargado.getEmail()%><br>
									<%=encargado.getTelefono()%><br>
									<%=encargado.getHrs_atencion()%><br>
									<%
										}
											}
									%>
								</div>
							</td>
						</tr>
						<%
							}
						%>
					</table>
				</td>
				<td style="vertical-align: top;">
					<form action="email" method="post"
						onSubmit="return validarMail(this)" name="comentario">
						<table id="coment-content">
							<tr>
								<td id="coment">Contacto<br> <img alt="Home"
									align="bottom" src="IMG/contact.png" width="50px" height="50px"></td>
							</tr>
							<tr>
								<td><input name="nombre" type="text" class="datos"
									size="50" onfocus="if (this.value == 'NOMBRE') {this.value=''}"
									value="NOMBRE"
									onblur="if(this.value == '') { this.value='NOMBRE'}"></td>
							</tr>
							<tr>
								<td><input name="mail" type="text" class="secreta"
									size="50" onfocus="if (this.value == 'EMAIL') {this.value=''}"
									value="EMAIL"
									onblur="if(this.value == '') { this.value='EMAIL'}"></td>
							</tr>
							<tr>
								<td><input name="telefono" type="text" class="datos"
									size="50" maxlength="10"
									onfocus="if (this.value == 'TELEFONO ej.(4427131407)') {this.value=''}"
									value="TELEFONO ej.(4427131407)"
									onblur="if(this.value == '') { this.value='TELEFONO ej.(4427131407)'}"></td>
							</tr>
							<tr>
								<td><textarea name="comentario" cols="40" rows="10"
										class="datos" onfocus="this.value=''" tabindex="COMENTARIOS"></textarea></td>
							</tr>
							<tr>
								<td><input value="Enviar" type="submit" class="form-enviar">
									<input value="Cancelar" type="reset" class="form-reset"></td>
							</tr>
							<tr>
								<td>
									<!--MSJ--> <%
 	String msj = (String) request.getAttribute("Message");
 	if (msj != null) {
 %>
									<h3>
										&nbsp;<%=msj%></h3> <%
 	}
 %>
								</td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>